<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv='Content-type' content='text/html; charset=utf-8'>
    <title>Hello World!</title>
      <script src="http://cdn.bootcss.com/react/0.13.2/react.min.js"></script>
      <script src="http://cdn.bootcss.com/react/0.13.2/JSXTransformer.js"></script>
  </head>
  <body>
  <div id="example"></div>
  <script type="text/jsx">
	//创建一个组件，定义它的外观表现和响应。
      var Events = React.createClass({
		  clickHandler: function() {
			console.log('You got me!');
		  },
		  render: function() {
			return <div onClick={this.clickHandler}>
			  Hello, world!
			</div>;
		  }
		});
	//渲染到文档body	 
		React.render(
		  <Events />,
		  document.body
		);
  </script>
  </body>
</html>